// index.js
// 获取应用实例
const app = getApp()
/** js部分=>类似script 
 *每一个小程序的页面都是由全局Page函数进行初始化 
 * 1.data:选项定义变量 
 *语法=》key(变量名):value(变量默认值)
 * 2.事件绑定：bind:事件名称="回调函数"或者bind事件名称="回调函数"
 * 3.事件对象 e 本身并不包含 DOM 元素信息。
 * 4.this.setData({})可以修改data中的数据：
 *   更新数据：类型于react=》命令式的
 *   方式：
 *   1.覆盖式=》简单和复杂类型
 *   2.局部式=》复杂类型局部覆盖使用 ：数据路径：最新值
 */
Page({
    data: {
        msg: '夏琳',
        count: 1,
        list: ['l', 'o', 'v', 'e'],
        obj: {
            name: '琳琳',
            love:'夏夏'
        }
    },
    //注意：定义函数和data同级
    handlerClick(e) {
        //事件对象e获取不到dom，只能获取到相关信息
        console.log('点击了button',e )
        //this.setData({})可以修改值
        this.setData({
            msg:'琳琳',
            count:18,
              //a.对象修改直接覆盖，被叫覆盖式修改，直接将值全部替换
            // obj:{     
            //     name:'宝贝',
            //     love:'宝宝'
            // },
             //b.局部式修改：
            //  'list[0]':'L',//是一个bug不能修改
            // list:['L'],
             ['obj.name']:'宝宝'//或者'obj.name':'宝宝'
        })
    },
    getInput(){
        console.log();
    },
    //点击减1
    sub(){
        if(this.data.count===1) return
       let newA= this.data.count-1
        this.setData({
            count:newA
        })
    },
    //点击增加
    add(){
        // console.log(1);
        let newB=this.data.count+1
        this.setData({
            count:newB
        })
    },

})